<ion-side-menus>

  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar-stable nav-title-slide-ios7">
      <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i> </ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
  </ion-pane>

  <ion-side-menu side="left">
    <header class="bar bar-header bar-stable">
      <h1 class="title">Left</h1>
      <div class="buttons pull-right" nav-clear menu-close>
        <a class="button button-icon icon ion-gear-b"  ng-href="#/app/setting"></a>
      </div>
    </header>
    <ion-content class="has-header">
      <ion-list>
        <ion-item nav-clear menu-close class="item-divider">
          分类
        </ion-item>        
        <ion-item nav-clear menu-close ng-repeat="category in categories" ng-click="goCategory({{category.id}})">
          {{category.title}}
        </ion-item> 
      </ion-list>
    </ion-content>

    <ion-footer-bar class="bar-stable">
      <div class="button-bar">
        <a class="button button-clear" nav-clear menu-close ng-click="addGroup()">添加</a>
        <a class="button button-clear" nav-clear menu-close ng-click="editGroup()">编辑</a>
      </div>
    </ion-footer-bar>
  </ion-side-menu>
</ion-side-menus>

<style>
/**menu footer对齐tabs**/
.bar{height:49px;}
</style>